<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <script src="./lib/vue-2.4.0.js"></script>
        <style>
            .red{
                color: red;
            }
            .b{
                font-weight: 700;
            }
        </style>
    </head>
    <body>
        <div id="app">
            <div>
                <!-- 数组方式 -->
                <!-- <p :class="['red','b']">这个有点不一样,胖胖的红红的</p> -->
                <p :class="obj">这个有点不一样,胖胖的红红的</p>
            </div>
        </div>
        <script>
            var vm = new Vue({
                el: '#app',
                data: {
                    obj:{red:true,b:false}

                },
                methods:{

                }
            })
        </script>
    </body>
</html>